import Image from 'next/image';
import Callout from '@/components/Callout';
import Chip from '@/components/Chip';
import Card from '@/components/Card';
import Cards from '@/components/Cards';
import CourseBanner from '@/components/CourseBanner';

# Next.js internationalization (i18n)

`next-intl` is an internationalization toolkit for Next.js that helps you:

1. Render localized translations
2. Format dates, numbers, and more
3. Handle internationalized routing

… to provide the essential foundation for building localized apps.

<Cards className="mt-8 lg:w-1/2">
  <Card title="App Router setup" href="/docs/getting-started/app-router" />
  <Card title="Pages Router setup" href="/docs/getting-started/pages-router" />
</Cards>

<div className="mt-8">
  <CourseBanner />
</div>

Learn more about what you can build with `next-intl` by exploring the [example apps](/examples).
